import { ref } from 'vue';
import MaterialContent from '../../src/ZwUnityKitMaterialContent/index.vue';

window.domainApi = '//api-dev.scrm.keyid.cn';

export default {
    title: 'Scrm System/ZwUnityMaterialContent Library/MaterialContent',
    component: MaterialContent,
    tags: ['autodocs'],
    argTypes: {
        inputContentTabs: {
            description: '输入框tab，1-展示选择文本 2-展示选择表情',
            table: {
                type: { summary: 'Array' },
                defaultValue: { summary: '[1, 2]' }
            },
            control: 'check',
            options: [1, 2]
        },
        inputContentTabsText: {
            type: { name: 'Array', required: false },
            defaultValue: [],
            description: '输入框自定义文案插入内容',
            table: {
                type: { summary: 'Array' },
                defaultValue: { summary: [] }
            },
            control: {
                type: 'object'
            }
        },
        placeholder: {
            description: '输入框placeholder',
            table: {
                type: { summary: 'string' },
                defaultValue: { summary: '请输入消息' }
            },
            control: 'text'
        },
        maxLength: {
            description: '文本输入框最近长度',
            table: {
                type: { summary: 'number' },
                defaultValue: { summary: 1000 }
            },
            control: 'number'
        },
        inputContentData: {
            description: '文本输入内容回显使用',
            table: {
                type: { summary: 'string' },
                defaultValue: { summary: '' }
            },
            control: 'text'
        },
        inputDisabled: {
            description: '输入框是否禁用',
            table: {
                type: { summary: 'boolean' },
                defaultValue: { summary: false }
            },
            control: 'boolean'
        },
        showMaterialTabs: {
            description:
                '素材展示tabs内容 1-图片，2-视频，34链接，4-音频，5-文件，6-抽奖，7-电商，9-收集表，10-公众号，11-小程序',
            table: {
                type: { summary: 'Array' },
                defaultValue: { summary: '[1, 2, 3, 4, 5, 6, 7, 9, 10, 11]' }
            },
            control: 'check',
            options: [1, 2, 3, 4, 5, 6, 7, 9, 10, 11]
        },
        maxNum: {
            description: '选择素材最大数',
            table: {
                type: { summary: 'number' },
                defaultValue: { summary: 9 }
            },
            control: 'number'
        },
        materialContentData: {
            type: { name: 'Array', required: false },
            description: '素材选择内容回显使用',
            table: {
                type: { summary: 'Array' },
                defaultValue: { summary: [] }
            },
            control: { type: 'object' }
        },
        disabled: {
            description: '整个素材是否禁用',
            table: {
                type: { summary: 'boolean' },
                defaultValue: { summary: false }
            },
            control: 'boolean'
        },
        sceneValue: {
            description: '场景值,现有朋友圈-friend',
            table: {
                type: { summary: 'boolean' },
                defaultValue: { summary: '' }
            },
            control: 'text'
        }
    }
};

// const Template = args => ({
//     components: { MaterialContent },
//     setup() {
//         const MaterialContentRef = ref();
//         const change = val => {
//             console.log(val, '123');
//         };
//         return { args, MaterialContentRef, change };
//     },
//     template: `
//         <div style="height: 600px;">
//             <MaterialContent ref="MaterialContent" @change="change" />
//         </div>
//     `
// });

/**
 *  默认演示
 */
// export const Default = Template.bind({
// });

// /**
//  *  数据回显
//  */
// export const DefaultSelected = Template.bind({});
// DefaultSelected.args = {
//     chooseDataArr: [
//         {
//             id: 517,
//             name: '测试同步至企业微信'
//         },
//         {
//             id: 483,
//             name: '标签3'
//         },
//         {
//             id: 513,
//             name: '千万千万'
//         }
//     ]
// };

export const Default = {
    args: {
        // inputContentTabs: {
        //     description: '输入框tab，1-展示选择文本 2-展示选择表情',
        //     table: {
        //         type: { summary: 'Array' },
        //         defaultValue: { summary: '[1, 2]' }
        //     },
        //     control: 'check',
        //     options: [1, 2]
        // },
        // inputContentTabsText: {
        //     type: { name: 'Array', required: false },
        //     defaultValue: [],
        //     description: '输入框自定义文案插入内容',
        //     table: {
        //         type: { summary: 'Array' },
        //         defaultValue: { summary: [] }
        //     },
        //     control: {
        //         type: 'object'
        //     }
        // },
        // placeholder: {
        //     description: '输入框placeholder',
        //     table: {
        //         type: { summary: 'string' },
        //         defaultValue: { summary: '请输入消息' }
        //     },
        //     control: 'text'
        // },
        // maxLength: {
        //     description: '文本输入框最近长度',
        //     table: {
        //         type: { summary: 'number' },
        //         defaultValue: { summary: 1000 }
        //     },
        //     control: 'number'
        // },
        // inputContentData: {
        //     description: '文本输入内容回显使用',
        //     table: {
        //         type: { summary: 'string' },
        //         defaultValue: { summary: '' }
        //     },
        //     control: 'text'
        // },
        // inputDisabled: {
        //     description: '输入框是否禁用',
        //     table: {
        //         type: { summary: 'boolean' },
        //         defaultValue: { summary: false }
        //     },
        //     control: 'boolean'
        // },
        // showMaterialTabs: {
        //     description:
        //         '素材展示tabs内容 1-图片，2-视频，34链接，4-音频，5-文件，6-抽奖，7-电商，9-收集表，10-公众号，11-小程序',
        //     table: {
        //         type: { summary: 'Array' },
        //         defaultValue: { summary: '[1, 2, 3, 4, 5, 6, 7, 9, 10, 11]' }
        //     },
        //     control: 'check',
        //     options: [1, 2, 3, 4, 5, 6, 7, 9, 10, 11]
        // },
        // maxNum: {
        //     description: '选择素材最大数',
        //     table: {
        //         type: { summary: 'number' },
        //         defaultValue: { summary: 9 }
        //     },
        //     control: 'number'
        // },
        // materialContentData: {
        //     type: { name: 'Array', required: false },
        //     description: '素材选择内容回显使用',
        //     table: {
        //         type: { summary: 'Array' },
        //         defaultValue: { summary: [] }
        //     },
        //     control: { type: 'object' }
        // },
        // disabled: {
        //     description: '整个素材是否禁用',
        //     table: {
        //         type: { summary: 'boolean' },
        //         defaultValue: { summary: false }
        //     },
        //     control: 'boolean'
        // },
        // sceneValue: {
        //     description: '场景值,现有朋友圈-friend',
        //     table: {
        //         type: { summary: 'boolean' },
        //         defaultValue: { summary: '' }
        //     },
        //     control: 'text'
        // }
    }
};
